<template>
  <wd-card custom-title-class="p-2!" custom-footer-class="p-2!">
    <view class="flex">
      <view>
        <wd-img :width="75" :height="75" src="/static/images/product001.png" />
      </view>
      <view class="flex">
        <view class="flex flex-col">
          <text class="text-neutral-9 text-xs">【XXXX40 Pro】XXXX40 Pro 5G手机</text>
          <text class="text-xs">珠光白，8+256G</text>
        </view>
        <view class="flex flex-col flex-shrink-0 justify-center items-end">
          <text class="text-neutral-9">¥ 6399</text>
          <text>x1</text>
        </view>
      </view>
    </view>
    <!-- 配送信息 -->
    <view class="flex justify-between text-neutral-7 mt-2">
      <text>配送</text>
      <text>标准配送</text>
    </view>
    <view class="my-3 bg-neutral-2 h-[1px]"></view>
    <!-- 发票信息 -->
    <view class="flex justify-between text-neutral-7 mt-2">
      <text>发票</text>
      <view>
        <text>电子普通发票-个人</text>
        <wd-icon name="more" size="12px" class="ml-2"></wd-icon>
      </view>
    </view>
  </wd-card>
</template>

<script lang="ts" setup>
//
</script>

<style lang="scss" scoped>
//
</style>
